<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><title>Aloha Editor Demo</title><meta name="description" content="Aloha Editor Demo"><meta name="author" content="Aloha Editor Team">
	<script type="text/javascript" src="app/js/demo-app-load.js"></script>
	<!-- Le HTML5 shim, for IE6-8 support of HTML elements --><!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head><body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <span class="aloha-editor-demo-editable"><a class="brand" href="#">Aloha Editor Demo</a></span>
          <ul class="nav" id="navigation">
			<li class="active"><a href="./">Home</a></li>
            <li><a href="./">Sitemap</a></li>
          </ul>
			
            <a id="edit-page" href="#"><span class="label notice">Edit</span></a>
            <a id="save-page" href="#"><span class="label warning">Save</span></a>

        </div>
      </div>
    </div>

    <div class="container">

		<div id="aloha-loading" class="alert-message notice">
		  <p>Loading Aloha Editor</p>
		</div>
		

		
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div id="data-head" class="hero-unit aloha-editor-demo-editable">
        <h1>Aloha, world!</h1>
		<p>This is a demo application using Aloha Editor to edit content using contentEditables</p>
        <p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
        <p><a class="btn primary large">Learn more &raquo;</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div id="data-1" class="span-one-third aloha-editor-demo-editable">
          <h2>Heading one</h2>
          <p>Edit this text.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>

        <div id="data-2" class="span-two-thirds aloha-editor-demo-editable"><h2>Heading two</h2><p>Edit this text.</p>
	<a class="btn" href="#">View details &raquo;</a>
	
	</div>
	
      </div>

      <div id="footer"><p>Aloha Editor Demo</p>
      </div><!-- /container -->


</body></html>
